﻿<style>
  #smallDiv img { border: 2px solid #ccc; margin-bottom: 10px; cursor: pointer; }
  #smallDiv a.zoomThumbActive img{border:2px solid #A10000;}
</style>
<link href="/plug/jqzoom/css/jquery.jqzoom.css" rel="stylesheet" type="text/css" />
<script src="/plug/jqzoom/js/jquery.jqzoom-core.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        jQuery('.jqzoom').jqzoom({
            zoomType: 'standard',
            title: false,
            lens: true,
            preloadImages: false,
            alwaysOn: false
        });
        jQuery("#smallDiv a:first").addClass("zoomThumbActive");
    }); 
</script>
<div style="border-bottom: 1px dotted #ccc; font-weight: bold; font-size: 14px; padding: 5px;
    margin-bottom: 10px;"> ${category.title} - ${model.title}</div>
<table>
  <tr>
    <td id="smallDiv" valign="top" style="padding: 0px 20px;">
     #foreach($item in $biz.ImgsToList($model.img_group))
      <a href="javascript:void(0)" rel="{gallery: 'gal1', smallimage: '$item',largeimage: '$item'}"><img src="$item" width="70" height="70" /></a><br />
     #end
    </td>
    <td style="padding: 0 10px 10px 10px; width: 320px; height: 320px;" align="center"
            valign="top"><a href="${model.img_url}" class="jqzoom"  rel='gal1'> <img id="bigImg" src="${model.img_url}" width="280" alt="${model.title}" border="0" /></a> </td>
    <td valign="top">
    #foreach ($item in $model.attr_value)
    #set($fieldModel=$biz.GetAttrField($item.field_id))
    #if ($biz.IsSimpleTxt($fieldModel.control_type) && $fieldModel.is_lock == 0)
    ${fieldModel.title} : ${item.content}<br />
    #end
    #end </td>
  </tr>
</table>
#parse("ucshow_pic_tab.html")
#parse("ucbaidushare.html")
<div style="text-align: center; border-top: dotted 1px #CCC; padding: 5px;"> <span style="padding-right: 20px;"><strong>PREV：</strong>${prevHtml}</span> <strong>NEXT：</strong>${nextHtml}</div>
#if($channel.show_comment == 1)
#parse("ucshow_comment.html")
#end 
